<template>
  <div>
    <div class="bgd">
      <p style="text-align: center; font-size: 20px; color: #a17c74">
        健康食疗
      </p>
      <!-- 美容 -->
      <div class="bgpp">
        <h3>美容</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">养颜</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">排毒</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">美白</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">抗皱</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">祛斑</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">祛痘</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">润肤</router-link>
          </li>
          <li>
            <router-link to="/" class="pdgg">保湿</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 减肥 -->
      <div class="bgpp">
        <h3>减肥</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">瘦身</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">补血</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">瘦腿</router-link>
          </li>
          <li>
            <router-link to="/" class="pdpg">丰胸</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 保健养生 -->
      <div class="bgpp">
        <h3>保健养生</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">补钙</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">补血</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">补铁</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">润喉</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">养肝</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">养胃</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">补肾</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdgg">健脾</router-link>
          </li>
        </ul>
        <hr class="bbbb" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">降火</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">降压</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">开胃</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">御寒</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">补脑</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">明目</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">滋阴</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdgg">壮阳</router-link>
          </li>
        </ul>
        <hr class="bbbb" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">益寿</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">益智</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">防癌</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">清肠</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">止咳</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">护眼</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">护肝</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdgg">润燥</router-link>
          </li>
        </ul>
        <hr class="bbbb" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">补铁</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">养血</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">解暑</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">清热</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">防辐射</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">长个子</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pddd">增强记忆力</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdda">提高免疫力</router-link>
          </li>
        </ul>
        <hr class="bbbb" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">补锌</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">养肾</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">抗衰老</router-link>
          </li>
          <li>
            <router-link to="/" class="pdpg">护肝</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 人群 -->
      <div class="bgpp">
        <h3>人群</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">宝宝</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">女性</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">孕妇</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">产妇</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">男人</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">考生</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">白领</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdgg">胎儿</router-link>
          </li>
        </ul>
        <hr class="bbbb" />
        <ul class="apsp">
          <li>
            <router-link to="/" class="pggb">老年人</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 时节 -->
      <div class="bgpp">
        <h3>时节</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">春天</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">夏天</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">秋天</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">冬天</router-link>
          </li>
          <li>
            <router-link to="/" class="pdpg">节日</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 餐时 -->
      <div class="bgpp">
        <h3>餐时</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">早餐</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">晚餐</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">夜宵</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">睡前</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">饭前</router-link>
          </li>
          <li>
            <router-link to="/" class="pdpg">空腹</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 器官 -->
      <div class="bgpp">
        <h3>器官</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">眼睛</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">牙齿</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">大脑</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">精子</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">心血管</router-link>
          </li>
          <li>
            <router-link to="/" class="pdpg">前列腺</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 调养 -->
      <div class="bgpp">
        <h3>调养</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">经期</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">挑食</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">疲劳</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">上火</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">干燥</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">肾虚</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">阴虚</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdgg">气虚</router-link>
          </li>
        </ul>
        <hr class="bbbb" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">缺钙</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">肾阳虚</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">肾阴虚</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">压力大</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">黑眼圈</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggc">消化不良</router-link>
          </li>
          <li>
            <router-link to="/" class="pggc">营养不良</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 肠胃消化 -->
      <div class="bgpp">
        <h3>肠胃消化</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">便秘</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">口臭</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">胃痛</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">胃病</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">腹泻</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">肠炎</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">痔疮</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdgg">胃寒</router-link>
          </li>
        </ul>
        <hr class="bbbb" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pggb">结肠炎</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">胃溃疡</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggc">消化不良</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggc">胃酸过多</router-link>
          </li>
          <li>
            <router-link to="/" class="pggc">小儿腹泻</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 孕产哺乳 -->
      <div class="bgpp">
        <h3>孕产哺乳</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pggb">怀孕前</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggc">准备怀孕</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">不孕</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">怀孕</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">孕妇</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">孕吐</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggc">妊娠水肿</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggd">怀孕初期</router-link>
          </li>
        </ul>
        <hr class="bbbb" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pgge">怀孕初期</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">安胎</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">保胎</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">产妇</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">坐月子</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">产后</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">哺乳期</router-link>
          </li>
          <li>
            <router-link to="/" class="pggf">乳腺炎</router-link>
          </li>
        </ul>
        <hr class="bbbc" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">下奶</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggh">产后恶露不尽</router-link>
          </li>
          <li>
            <router-link to="/" class="pggc">产后便秘</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 其他 -->
      <div class="bgpp">
        <h3>其他</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">近视</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">甲亢</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">上火</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">白内障</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">湿疹</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">呕吐</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">尿频</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdgg">水肿</router-link>
          </li>
        </ul>
        <hr class="bbbb" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">痛风</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">解酒</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">过敏</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">湿热</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">中暑</router-link>
          </li>
          <li>
            <router-link to="/" class="pddd">内分泌失调</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 经期 -->
      <div class="bgpp">
        <h3>经期</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pggb">来月经</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">来例假</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggc">月经期间</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggc">月经不调</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">痛经</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">闭经</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggc">月经提前</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggd">月经推迟</router-link>
          </li>
        </ul>
        <hr class="bbbb" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pgge">月经过少</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggc">月经量少</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggc">月经过多</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggc">月经量多</router-link>
          </li>
          <li>
            <router-link to="/" class="pggg">更年期</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 女性疾病 -->
      <div class="bgpp">
        <h3>女性疾病</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pggb">盆腔炎</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggc">白带异常</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggc">乳腺增生</router-link>
          </li>
          <li>
            <router-link to="/" class="pggc">子宫出血</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 呼吸道 -->
      <div class="bgpp">
        <h3>呼吸道</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">咳嗽</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">感冒</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">鼻炎</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">鼻塞</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">咽炎</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">喉咙痛</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">哮喘</router-link>
          </li>
          <li>
            <router-link to="/" class="pdgg">肺炎</router-link>
          </li>
        </ul>
        <hr class="bbbc" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pggb">肺气肿</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">肺结核</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">气管炎</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggc">支气管炎</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pddd">急性气管炎</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggh">慢性支气管炎</router-link>
          </li>
          <li>
            <router-link to="/" class="pddd">支气管哮喘</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 血管 -->
      <div class="bgpp">
        <h3>血管</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pggb">血压高</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">血糖高</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">血脂高</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">贫血</router-link>
          </li>
          <li>
            <router-link to="/" class="pggg">高血压</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 心脏 -->
      <div class="bgpp">
        <h3>心脏</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pggb">冠心病</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">心脏病</router-link>
          </li>
          <li>
            <router-link to="/" class="pdpg">心悸</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 肝胆胰腺 -->
      <div class="bgpp">
        <h3>肝胆胰腺</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pggb">胆结石</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">胆结石</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">肝炎</router-link>
          </li>
          <li>
            <router-link to="/" class="pggg">胆囊炎</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 神经系统 -->
      <div class="bgpp">
        <h3>神经系统</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pgge">睡眠不好</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">偏头疼</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggc">神经衰弱</router-link>
          </li>
          <li>
            <router-link to="/" class="pdpg">失眠</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 口腔 -->
      <div class="bgpp">
        <h3>口腔</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pgge">口腔溃疡</router-link>
          </li>
          <li>
            <router-link to="/" class="pdpg">补血</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 肌肉骨骼 -->
      <div class="bgpp">
        <h3>肌肉骨骼</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">腰痛</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">风湿</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">颈椎病</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">关节炎</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggc">骨质疏松</router-link>
          </li>
          <li>
            <router-link to="/" class="pdpg">骨折</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 皮肤 -->
      <div class="bgpp">
        <h3>皮肤</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pgge">皮肤粗糙</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggc">皮肤干燥</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggc">皮肤瘙痒</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggc">皮肤松弛</router-link>
          </li>
          <li>
            <router-link to="/" class="pdpg">雀斑</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 男性 -->
      <div class="bgpp">
        <h3>男性</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">早泄</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">遗精</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">阳痿</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">壮阳</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pddd">死精子过多</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggh">精子活力低下</router-link>
          </li>
          <li>
            <router-link to="/" class="pdpg">不育</router-link>
          </li>
        </ul>
      </div>
      <br />
      <!-- 癌症 -->
      <div class="bgpp">
        <h3>癌症</h3>
        <hr class="ppdd" />
        <ul class="apsp">
          <li style="float: left">
            <router-link to="/" class="pdpd">肺癌</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">肝癌</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">乳腺癌</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">胃癌</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggg">宫颈癌</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">食管癌</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pdpg">化疗</router-link>
          </li>
          <li style="float: left">
            <router-link to="/" class="pggf">膀胱癌</router-link>
          </li>
        </ul>
        <hr class="bbbb" />
        <ul class="apsp">
          <li>
            <router-link to="/" class="pggb">皮肤癌</router-link>
          </li>
        </ul>
      </div>
      <br />
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
/* * {
    background-color: #E8E7E5;
} */
a {
  text-decoration: none;
}
router-link {
  text-decoration: none;
}
.bgd {
  background-color: #fbfbfb;
}
.bgpp {
  border: 1px solid #e8e7e5;
  background-color: #ffffff;
  width: 940px;
  margin: auto;
}
.ppdd {
  width: 910px;
  border: 1px solid #e8e7e5;
}
.bgpp > h3 {
  color: #bebab4;
  margin: 0 0 0 25px;
  padding: 5px 0;
  /* border: 1px solid red; */
}
.apsp {
  padding: 0px 0 10px 0;
}
.apsp > li {
  list-style: none;
}
/* 两个字左边添加空格 */
.pdpd {
  margin: 0 0 0 25px;
  padding: 5px 70px 5px 0px;
  border: 1px solid #e8e7e5;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  color: #000000;
}
.pdpd:hover {
  color: #fa7e3e;
}
/* 两个字 */
.pdpg {
  padding: 5px 70px 5px 10px;
  border: 1px solid #e8e7e5;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  color: #000000;
}
.pdpg:hover {
  color: #fa7e3e;
}
/* 两个字右边不加框 */
.pdgg {
  padding: 5px 55px 5px 10px;
  color: #000000;
}
.pdgg:hover {
  color: #fa7e3e;
}
.bbbb {
  width: 910px;
  border: 1px solid #e8e7e5;
  margin: 20px 15px 10px 15px;
}
.bbbc {
  width: 910px;
  border: 1px solid #e8e7e5;
  margin: 0px 15px 10px 15px;
}
/* 三个字 */
.pggg {
  padding: 5px 54px 5px 10px;
  border: 1px solid #e8e7e5;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  color: #000000;
}
.pggg:hover {
  color: #fa7e3e;
}
/* 三个字右边不加边框 */
.pggf {
  padding: 5px 38px 5px 10px;
  color: #000000;
  /* border: 1px solid red; */
}
.pggf:hover {
  color: #fa7e3e;
}
/* 三个字左边加空白 */
.pggb {
  padding: 5px 54px 5px 0px;
  margin: 0 0 0 25px;
  border: 1px solid #e8e7e5;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  color: #000000;
}
.pggb:hover {
  color: #fa7e3e;
}
/* 五个字 */
.pddd {
  padding: 5px 22px 5px 10px;
  border: 1px solid #e8e7e5;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  color: #000000;
}
.pddd:hover {
  color: #fa7e3e;
}
/* 五个字右边不加边框 */
.pdda {
  padding: 5px 5px 5px 10px;
  /* border: 1px solid red; */
  color: #000000;
}
.pdda:hover {
  color: #fa7e3e;
}
/* 四个字 */
.pggc {
  padding: 5px 38px 5px 10px;
  border: 1px solid #e8e7e5;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  color: #000000;
}
.pggc:hover {
  color: #fa7e3e;
}
/* 四个字右边不带框 */
.pggd {
  padding: 5px 25px 5px 10px;
  /* border: 1px solid red; */
  color: #000000;
}
.pggd:hover {
  color: #fa7e3e;
}
/* 四个字左边加空格 */
.pgge {
  padding: 5px 38px 5px 0px;
  margin: 0 0 0 25px;
  border: 1px solid #e8e7e5;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  color: #000000;
}
.pgge:hover {
  color: #fa7e3e;
}
/* 六个字 */
.pggh {
  padding: 5px 6px 5px 10px;
  border: 1px solid #e8e7e5;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  color: #000000;
}
.pggh:hover {
  color: #fa7e3e;
}
</style>
